﻿*{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial;
}

/* --Cofigurações geral */
#geral{
	width:800px;
	color:black;
	margin: 0 20%;
	background: #F5F5DC;        
}
/* -- Fim geral */

/* --Cofigurações para barra */
.bar{
	background: #2F4F4F;
	height: 10px;
	width: 800px;
	float: left;
}
/* -- Fim barra */

/* -- Cofigurações do topo */
#topo{
	width:800px;
	height:160px;
	color:black;
	background:url('../images/cidade.jpg') no-repeat; 
	float: left;

}
#topo h1{
	font-size: 2.5em;
}
#topo h2{
	font-size: 1.8em;
}

/* -- FIm topo */

/* -- Cofigurações do corpo */
#corpo{	
	width:597px;
        height: 590px;
	background-color: #FFF;
	float:left;	
	text-align: center;
	margin-top: 0px;
        border: 1px solid #000000;
}
#corpo h5{
	font-size: 0.8em;	
	text-align: justify;
}
/* -- Fim corpo */

/* --Cofigurações Menu */
#menu{	
	width:200px;
	height:580px;
	color:black;	
	background:#F5F5DC;
	float:left;	
	margin-bottom: 0.5%;	
	margin-top: 0.5%;		
 
}

#menu ul{
		margin-top: 10%;
}

#menu li{
	margin-top: 10%;
}
/* -- Fim Menu */

/*--Cofigurações rodape	*/
#rodape{
	width:800px;
	height:100px;
	color:black;
	background: #2F4F4F;
	clear:both;
	text-align: center;	
}

#rodape p{
	margin-top: 35px;
	color: #FFF;
	font-family: arial;
	font-size: 12px;
}

/*-- Fim rodape */

#pre-reserva{
	text-align: center;
	float:right;
}

#quartos{			
	margin-top: 10%;
 	float:left;		
	width: 100px;		
}

/* -- Cofigurações para links */
a:link{
	text-decoration: none;
	color: blue;
}
a:visited{
	text-decoration: none;
	color: red;	
}
/* --Fim links */
ul.inside {
	list-style-position: inside;
	}
ul.outside {
	list-style-position: outside;
	}
        
.img_cad img{
    float: left;
}
